import { useEffect } from "react";
import { useDispatch, useSelector } from "react-redux";
import request from "umi-request";
import "../../style/livestyle/index.css";
const responses = await request.get("/api/Availability");
type Props = {};

const index = (props: Props) => {
  //仓库三步走
  const dispatch = useDispatch();
  const store = useSelector((state: any) => state.reducer);
  useEffect(() => {
    dispatch({
      type: "getlist",
      payload: responses,
    });
  }, []);
  return (
    <div>
      <table
        style={{
          border: "1px solid #f3f1f1",
          marginLeft: "1vw",
          marginTop: "3vh",
        }}
        cellSpacing={0}
      >
        <tbody>
          <tr>
            <td>系统版本: v1.1.2[查看最新版本]</td>
            <td style={{ border: "none" }}></td>
          </tr>
          <tr>
            <td>服务器操作系统: Linux</td>
            <td style={{ border: "none" }}>WEB服务器: nginx/1.118.0</td>
          </tr>
          <tr>
            <td>PHP版本: 7.3.24</td>
            <td>MYSQL版本: 5.7.31-log</td>
          </tr>
          <tr>
            <td>文件上传限制：50M</td>
            <td>执行时间限制：300秒</td>
          </tr>
          <tr>
            <td>安全模式：否</td>
            <td>Zlib支持：是</td>
          </tr>
        </tbody>
      </table>
    </div>
  );
};

export default index;
